import React from "react"
import Appcss from "./css/Login.module.css"
import bodycss from "./css/body.module.css"
// import { List,  Button,InputItem} from 'antd-mobile';
import Logo from '../../assets/icons/logo.png'
import weix from '../../assets/icons/微信 (1).png'
import qq from '../../assets/icons/QQ.png'
import 新浪 from '../../assets/icons/新浪.png'
import 网易 from '../../assets/icons/网易.png'
import { Toast, WhiteSpace, WingBlank, Button } from 'antd-mobile';
class BasicInputExample extends React.Component {
	constructor() {
		super()
		this.state = {
			che: false,

		}
	}
	ipt1(e) {
		this.setState({
			che: !this.state.che
		})

	}
	jump() {
		if (this.state.che) {
			this.props.history.push({ pathname: "/login" })
			// console.log(this.props)
		}
		else {
			// message: '请勾选用户协议'
			// alert('请勾选用户协议')
			Toast.info('请勾选用户协议!', 1);
		}

	}
	render() {

		return (<div className={Appcss.maxdiv}>
			<div className={Appcss.log_ind}>
				<div className={Appcss.bg}>
					<img src={Logo} width='100%' height='100%' alt='' />
				</div>
				<div className={Appcss.login}>
					<button className={Appcss.cell} onClick={this.jump.bind(this)}>手机号登录</button>
					<div className={Appcss.other}>
						<div className={Appcss.yuan1}>
							<img src={weix} width='80%' height='80%' alt='' />
						</div>
						<div className={Appcss.yuan}>
							<img src={qq} width='80%' height='80%' alt='' />
						</div>
						<div className={Appcss.yuan}>
							<img src={新浪} width='80%' height='80%' alt='' />
						</div>
						<div className={Appcss.yuan}>
							<img src={网易} width='80%' height='80%' alt='' />
						</div>
					</div>
					<p><input type="checkbox" className={Appcss.box} onChange={this.ipt1.bind(this)} value={this.state.che} />同意用户协议，隐私政策</p>
				</div>

			</div>
		</div>
		)
	}

}
export default BasicInputExample